<template>
  <div class="home">
    <!-- 数据计量组 -->
    <panel-group />
    <!--  一级分类销售折线图（今天到之前七天的）  -->
    <category-sales-volume style="width: 100%; height: 600px" />

    <el-row :gutter="20">
      <!--  库存急缺的商品  -->
      <el-col :span="12">
        <less-stock-list style="width: 100%; height: 600px" />
      </el-col>
      <!--  评价占比饼状图  -->
      <el-col :span="12">
        <evaluation-statistics style="width: 100%; height: 600px" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import PanelGroup from '../../components/workbench/PanelGroup'
import CategorySalesVolume from '../../components/workbench/category-sales-volume'
import EvaluationStatistics from '../../components/workbench/evaluation-statistics'
import LessStockList from '../../components/workbench/less-stock-list'

export default {
  components: {
    LessStockList,
    EvaluationStatistics,
    CategorySalesVolume,
    PanelGroup,
  },
}
</script>

<style>
.home {
  line-height: 1.5;
}
</style>

